// pages/settlement/settlement.js
const app = getApp()
var util = require('../../../utils/util')
Page({

  /**
   * 页面的初始数据
   */
  data: {

    queryParentList: [], //选择您的工种
    activeIndex: null, //激活下标
    addForm: {
      // userName: '',
      // backImage: '', //身份证背面图片
      // frontImage: '', //身份证前面图片
      // lawyerImage: '' //资格证
      typeId: '', //服务ID
      frontIdImg: '', //身份证正面照
      back_idImg: '', //身份证背面照
      certificateImg: '', //工作证
      img4: '', //一寸照片
    },
    // api: util.config().api + '/mobileUser/moments/',
    api: util.config().api + '/common/upload',
    fileListfrontImage: [],
    fileListbackImage: [],
    fileListlawyerImage: [],
    fileListimg4Image: [],
    show: false, //展示压屏
  },
  // 获取服务类型  http://localhost:8082/manage/mobileUser/apply/queryParentList
  queryParentList() {
    var postObj = {
      url: '/mobileUser/type/getTypeList',
      method: 'get'
    }
    app.request.wxRequest(postObj).then(res => {
      if (res.data.code === 200) {
        res.data.data.forEach((items, i) => {
          items.typeUrl = app.util.config().api + items.typeUrl
        })
        this.setData({
          queryParentList: res.data.data
        })
        // console.log('获取服务类型', this.data.queryParentList);

      }
    })
  },
  // 点击类型
  clickType(e) {
    // console.log(e);
    var index = e.currentTarget.dataset.index
    var typeId = e.currentTarget.dataset.typeid
    this.setData({
      activeIndex: index,
      'addForm.typeId': typeId
    })
  },

  // 删除 身份证 前面
  deleteReadfrontImage() {
    this.setData({
      fileListfrontImage: [],
      'addForm.frontIdImg': ''
    })
  },
  // 删除 身份证 背面
  deleteReadbackImage() {
    this.setData({
      fileListbackImage: [],
      'addForm.back_idImg': ''
    })
  },
  // 删除 律师证  从业资格证
  deleteReadlawyerImage() {
    this.setData({
      fileListlawyerImage: [],
      'addForm.certificateImg': ''
    })
  },
  // 删除 一寸照片
  deleteReadimg4Image() {
    this.setData({
      fileListimg4Image: [],
      'addForm.img4': ''
    })
  },
  // 上传前校验
  beforeRead(event) {
    const {
      file,
      callback
    } = event.detail;
    callback(file.type === 'image');
  },
  // 上传后校验    身份证 前面
  afterReadfrontImage(event) {
    let that = this
    const {
      file
    } = event.detail;
    console.log(file);

    wx.uploadFile({
      url: that.data.api, // 仅为示例，非真实的接口地址
      filePath: file.path,
      name: 'file',
      formData: {
        user: 'test'
      },
      success(res) {
        // 上传完成需要更新 fileList
        var data = JSON.parse(res.data)
        console.log('图片上传服务器返回值', data)
        if (data.code == 200) {
          wx.showToast({
            title: '上传成功',
            image: '../../../assets/success.png',
            duration: 1000,
            mask: true
          })
        }
        var fileList = []
        fileList.push(data)
        that.setData({
          fileListfrontImage: fileList,
          'addForm.frontIdImg': data.fileName
        });

      },
    });

    // 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式
    // wx.uploadFile({
    //   url: that.data.api,
    //   success(res) {
    //     const data = res
    //     console.log(res);

    //   }
    // })
  },
  // 上传后校验    身份证 背面
  afterReadbackImage(event) {
    let that = this
    const {
      file
    } = event.detail;
    console.log(file);

    wx.uploadFile({
      url: that.data.api, // 仅为示例，非真实的接口地址
      filePath: file.path,
      name: 'file',
      formData: {
        user: 'test'
      },
      success(res) {
        // 上传完成需要更新 fileList
        var data = JSON.parse(res.data)
        console.log('图片上传服务器返回值', data)
        if (data.code == 200) {
          wx.showToast({
            title: '上传成功',
            image: '../../../assets/success.png',
            duration: 1000,
            mask: true
          })
        }
        var fileList = []
        fileList.push(data)
        that.setData({
          fileListbackImage: fileList,
          'addForm.back_idImg': data.fileName
        });
      },
    });
  },
  // 上传后校验    律师证  从业资格证
  afterReadlawyerImage(event) {
    let that = this
    const {
      file
    } = event.detail;
    console.log(file);

    wx.uploadFile({
      url: that.data.api, // 仅为示例，非真实的接口地址
      filePath: file.path,
      name: 'file',
      formData: {
        user: 'test'
      },
      success(res) {
        // 上传完成需要更新 fileList
        var data = JSON.parse(res.data)
        console.log('图片上传服务器返回值', data)
        if (data.code == 200) {
          wx.showToast({
            title: '上传成功',
            image: '../../../assets/success.png',
            duration: 1000,
            mask: true
          })
        }
        var fileList = []
        fileList.push(data)
        that.setData({
          fileListlawyerImage: fileList,
          'addForm.certificateImg': data.fileName
        });
      },
    });
  },
  // 上传后校验   一寸照片
  afterReadimg4Image(event) {
    let that = this
    const {
      file
    } = event.detail;
    console.log(file);

    wx.uploadFile({
      url: that.data.api, // 仅为示例，非真实的接口地址
      filePath: file.path,
      name: 'file',
      formData: {
        user: 'test'
      },
      success(res) {
        // 上传完成需要更新 fileList
        var data = JSON.parse(res.data)
        console.log('图片上传服务器返回值', data)
        if (data.code == 200) {
          wx.showToast({
            title: '上传成功',
            image: '../../../assets/success.png',
            duration: 1000,
            mask: true
          })
        }
        var fileList = []
        fileList.push(data)
        that.setData({
          fileListimg4Image: fileList,
          'addForm.img4': data.fileName
        });
      },
    });
  },
  // 底部立即提交
  submitNow() {
    // this.setData({
    //   show: true
    // })
    console.log(this.data.addForm);
    if (!!!this.data.addForm.typeId) {
      wx.showToast({
        title: '请选择工种！',
        image: '../../../assets/error.png',
      })
    } else if (!!!this.data.addForm.certificateImg) {
      wx.showToast({
        title: '从业资格证！',
        image: '../../../assets/error.png',
      })
    } else if (!!!this.data.addForm.frontIdImg) {
      wx.showToast({
        title: '身份证正面照！',
        image: '../../../assets/error.png',
      })
    } else if (!!!this.data.addForm.back_idImg) {
      wx.showToast({
        title: '身份证背面照！',
        image: '../../../assets/error.png',
      })
    } else if (!!!this.data.addForm.img4) {
      wx.showToast({
        title: '一寸照片！',
        image: '../../../assets/error.png',
      })
    } else {
      this.applyUser()
    }
  },
  // 用户申请工人入驻  http://localhost:8082/manage/mobileUser/apply/applyUser
  applyUser() {
    var data = this.data.addForm
    var postObj = {
      url: '/mobileUser/apply/applyUser',
      method: 'post',
      data: data
    }
    app.request.wxRequest(postObj).then(res => {
      if (res.data.code === 200) {
        console.log(res)
        this.deleteReadfrontImage()
        this.deleteReadbackImage()
        this.deleteReadlawyerImage()
        this.deleteReadimg4Image()
        var addForm = {
          typeId: '', //服务ID
          frontIdImg: '', //身份证正面照
          back_idImg: '', //身份证背面照
          certificateImg: '', //工作证
          img4: '', //一寸照片
        }
        this.setData({
          show: true,
          addForm: addForm,
          activeIndex: null,
        })

      }
    })
  },
  // 压屏关闭
  onClickHide() {
    this.setData({
      show: false
    });
  },
  //监听值变化
  onChange(e) {
    var formName = e.target.dataset.formname
    var name = `addForm.${formName}`;
    this.setData({
      [name]: e.detail
    })
    console.log(formName)
  },
  //跳转
  navigateTo(e) {
    const data = e.currentTarget.dataset.data //跳转参数
    const path = e.currentTarget.dataset.path

    wx.navigateTo({
      url: path,
    })

    this.onClickHide()
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    let that = this

    setTimeout(function () {
      if (app.globalData.hasLogin == false) {
        // && app.globalData.userInfo==null
        wx.navigateTo({
          url: '/pages/login/login',
        })
      }
    }, 100)

    //选择工种
    that.queryParentList()
    // app.getDict('sys_model').then(res => {
    //   console.log('选择工种', res);
    //   that.setData({
    //     sys_model: res.data.data
    //   })
    // })

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})